<template>
    <v-box :title="'恢复出厂设置'" >
        <v-center  style="height:100%;width:100%" >
            <template #center>
                <view class="amain">
                    <form-image class="img" :src="'images/activate.png'" ></form-image>
                    <button @click="goToStart">恢复出厂设置</button>
                </view>
            </template>
        </v-center>
    </v-box>
</template>
<script>
import VBox from "@/components/scraw/VBox.vue";
import VCenter from "@/components/scraw/VCenter.vue";
import FormImage from "@/components/form/FormImage.vue";
import { getCurrentInstance, ref} from 'vue';
export default {
  components: {
    VBox,
    VCenter,
    FormImage
  },
  methods:{
    goToStart(){
        this.userInfo.STATUS = 1
    }
  },
  setup() {
    const { proxy: cthis } = getCurrentInstance();
    return {userInfo:ref(cthis.$userInfo)}
  },
};
</script>

<style scoped>
.amain{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.amain button{
    width: 200px;
    height: 42px;
    margin-top: 30px;
    background: #197C6C;
    border-radius: 4px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    border: 0; 
    cursor: pointer;
}

</style>